<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="./css/验证码登录.css">
    <link rel="stylesheet" href="./css/通用css样式.css">
    <link rel="stylesheet" href="./css/头部通用样式.css">
    <script src="./js/计算缩放.js"></script>
</head>

<body>
    <!-- 头部通用样式 -->
    <header class="head">
        <div class="head_s"> <img src="./image/index/logo.jpg" alt=""></div>
        <div class="head_a">
            <a href="./我的.html"><img src="./image/index/my.jpg" alt=""></a>
            <a href=""><img src="./image/index/xiazai.jpg" alt=""></a>
        </div>
    </header>

    <!-- 首页>我的>登录 -->

    <div class="home">
        <a href="./首页.html">
            <p>首页</p>
        </a>&nbsp;
        <a href="">>我的</a>
        <span>>&nbsp;找回密码</span>
    </div>

    <!-- 登录方式 -->
    <div class="way">
        <div>普通登录</div>
        <div>验证码快捷登录</div>

    </div>
    <!-- 输入验证码 -->
    <div class="set">
        <div class="mailbox">
            <input type="text" placeholder="请输入手机号码" class="frame">
            <button class="frame frame_">发送验证码</button>
        </div>
        <div class="mailbox">
            <input type="text" placeholder="请输入短信中的验证码" class="frame">
        </div>
        <!-- <div class="mailbox">
            <input type="text" placeholder="请输入新密码" class="frame">
        </div> -->
        <!-- <div class="mailbox">
            <input type="text" placeholder="请输入确认密码" class="frame">
        </div> -->

        <!-- 验证并登录 -->
        <div class="sub">
            <button class="sub_">验证并登录</button>
        </div>
        <!-- 立即注册  立即登录 -->
        <div class="register">
            <div>立即注册</div>
            <div>立即登录</div>
        </div>
    </div>

</body>

</html>